/* 网站头部 */
.mobile{display: none;}
.header{
    position: fixed;
    z-index: 10000;
    width: 100%;
    line-height: 75px;
    background: white;
    box-shadow: 0px 3px 29px 0px 
		rgba(91, 86, 85, 0.16);
    // -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    // -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    // box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    box-sizing: border-box;
    .brand{
        float: left;
        width: 10%;
        min-width: 75px;
        text-align: center;
    }
    .nav{
        height: 75px;
        margin-left: 10%;
        text-align: right;
        // overflow: hidden;
        margin-right: 150px;
        li{
            display: inline-block;
            padding: 0 2%;
            // margin-right: 2%;
            height: 75px;
            line-height: 75px;
            text-align: center;
            position: relative;
            &:hover{
                background-color: #068f1f;
                a{
                    color: #fff;
                }
                .second-nav{
                    display: block;
                    a{
                        color: #068f1f;
                    }
                }
            }
            a{
                color: #646464;
                font-size: 16px;
            }
            .marr{display: none;}
            .second-nav{
                display: none;
                position: absolute;
                top: 75px;
                left: 0;
                width: 100%;
                background-color: #ffffff;
                box-shadow: 0px 3px 29px 0px 
                    rgba(91, 86, 85, 0.3);
                opacity: 0.6;
                li{
                    display: block;
                    height: 60px;
                    line-height: 60px;
                    &:hover{
                        background-color: #068f1f;
	                    opacity: 0.51;
                        a{
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    .menu-box{
        position: absolute;
        top: 0;
        right: 0;
        span {
            display: inline-block;
            text-align: center;
            width: 75px;
            height: 75px;
            &.menu{
                background-color: #068f1f;
            }
            &.car {
                background-color: #cb0210;
            }
        }
    }
    
}

/* 底部导航 */
.footer {
    background: #068e1f;
    position: relative;
    padding-top: 20px;
    .footer-content {
        width: 1295px;
        margin: 0 auto;
        .menu{
            padding-right: 300px;
            position: relative;
            nav{
                ul{
                    float: left;
                    margin-right: 100px;
                    li{
                        margin-bottom: 15px;
                        a{
                            
                            color: rgba(255,255,255,0.25);
                            color: #f2f2f2\9;
                        }
                        white-space: nowrap;
                        &.title{
                            margin-bottom: 20px;
                            a{color: #fff;}
                        }
                    }
                }
            }
            .contact{
                position: absolute;
                right: 0;
                top: 0;
                height: 116px;
                .line{
                    display: inline-block;
                    width: 1px;
                    background-color: #65ba74;
                    height: 100%;
                    margin: 0 20px;
                    vertical-align: middle;
                }
            }
        }
        .footer-inner{
            border-top: 1px solid rgba(255,255,255,0.38);
            border-bottom: 1px solid rgba(255,255,255,0.38);
            border-top: 1px solid #f2f2f2\9;
            border-bottom: 1px solid #f2f2f2\9;
            ul{
                padding: 20px 0;
                li{
                    display: inline-block;
                    margin-right: 50px;
                    a{
                        color: rgba(255,255,255,0.4);
                        color: #f2f2f2\9;
                    }
                    .title {
                        color: #ffffff;
                    }
                }
            }
        }
        .copyright{
            font-size: 12px;
            padding: 30px 0;
            letter-spacing: 1px;
            color: #ffffff;
            opacity: 0.4;
        }
    }
}
.mobile{
    ul{
        li{
            display: inline-block;
            margin-right: 10px;
            &.title{
                display: block;
                margin-bottom: 10px !important;
                margin-right: 0;
            }
        }
    }
}
@media (max-width: 1200px){
    .pcshow{
        display: none;
    }
    .mobile{
        display: block;
    }
.header{
    height: 42px;
    line-height: 42px;
    .brand{
        position: absolute;
        left: 16px;
        z-index: 100;
    }
    .nav{
        display: none;
        position: fixed;
        top: 42px;
        left: 0;
        width: 100%;
        height: auto;
        margin-left: 0;
        background-color: #efefef;
        opacity: 0.93;
        padding-top: 30px;
        li{
            display: block;
            padding: 0 0 0 16px;
            text-align: left;
            height: auto;
            line-height: 50px;
            border-bottom: 1px solid rgba(160, 160, 160, 0.4);
            &:hover{
                background-color: transparent;
                a{
                    color: #068f1f;  
                }
            }
            a{
                color: #068f1f;  
            }
            .marr{display: block;float: right;width: 8px;
            margin-top: 20px;margin-right: 14px;}
            .second-nav{
                position: relative;
                top: initial;
                box-shadow: none;
            }
        }
    }
    .menu-box{
        span{
            width: 42px;
            height: 42px;
            img{
                width: 16px;
            }
        }
    }
}
.footer .footer-content{
    width: 100%;
    padding-bottom: 20px;
    .footer-inner{
        display: none;
    }
    .menu{
        padding: 0;
        .contact{
            position: relative;
            height: auto;
            text-align: center;
            border-top: 1px solid rgba(255, 255, 255, 0.25);
            padding-top: 10px;
            margin-bottom: 10px;
        }
        nav ul{
            margin-right: 0;
            // width: 45%;
            margin-left: 10px;
        }
    }
    .copyright{
        padding: 0;
        text-align: center;
    }
}
}
